@import '../../../assets/css/CommonStyle.scss';

#Doctor-DoctorNotifyList {
  height: 100vh;
  overflow: hidden;
  .topMenu {
    padding: 0 m-w(30);
    .deleteSure {
      color: #d0021b;
    }
  }
  .personInfo {
    margin: 0 m-w(30);
  }
  .notifyList {
    margin-top: m-h(32);
    padding: 0 m-w(30);
    //height: m-w(1000);
    overflow: auto;
    .notifyItem {
      box-shadow: 0 0 16px 0 rgba(87, 82, 82, 0.1);
      border-radius: 8px;
      margin-bottom: m-w(24);
      padding: m-w(32) m-w(16);
      color: #333;
      .topArea {
        display: flex;
        align-items: center;
        margin-bottom: m-h(24);
        .deleteIcon {
          width: m-w(32);
          height: m-w(32);
          margin-right: m-w(8);
        }
        h1 {
          font-size: m-w(34);
          font-weight: bold;
          margin: 0;
          flex: 1;
          @include nowrap-elips;
        }
      }
      .timeArea {
        min-height: 1.6em;
        .time {
          font-size: m-w(26);
          opacity: 1;
        }
        span {
          opacity: 0.5;
          font-size: m-w(22);
        }
        .icon_back {
          width: m-w(16);
          float: right;
        }
      }
    }
  }

  .notifyItem p {
    margin-bottom: m-w(16);
  }

  .topArea .title {
    width: m-w(500);
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: m-w(34);
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
  }
  .topArea .time {
    font-size: m-w(22);
    font-weight: 400;
    color: #afa7a7;
    line-height: m-w(50);
  }
  .redPoint {
    background: #d0021b;
    width: m-w(16);
    height: m-w(16);
    border-radius: 100px;
    display: inline-block;
    position: absolute;
    right: m-w(40);
    top: m-w(12);
  }
  .type {
    padding: m-w(9) m-w(16);
    border-radius: 32px;
    font-size: m-w(22);
  }
  .orange {
    color: rgba(245, 166, 35, 1);
    background: #fdedd3;
  }
  .green {
    color: #5eaa07;
    background: #deedcc;
  }
  .blue {
    color: #429cff;
    background: #d9ebff;
  }
}
